/**
 * 这里是uni-app内置的常用样式变量
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 */

/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */

/* 引入uView主题变量（如已使用uView） */
@import 'uview-ui/theme.scss';

/* 莫兰迪蓝色系全局颜色配置 */
:root {
  /* 主色调 - 莫兰迪蓝（低饱和、低明度） */
  --primary-morandi: #7a9bb5;     /* 主蓝色 - 类似灰蓝色 */
  --primary-morandi-active: #5a7c95; /* 手动计算 10% 加深 */
  --primary-light: #a5b8c5;       /* 主色浅色 */
  --primary-dark: #5a7c96;        /* 主色深色 */
  
  /* 辅助色 - 莫兰迪色系扩展 */
  --secondary-blue: #8ea4b6;      /* 浅蓝 */
  --secondary-green: #97a79c;     /* 灰绿 */
  --secondary-purple: #a08eb5;    /* 紫灰 */
  --secondary-yellow: #d4c79b;    /* 米黄 */
  
  /* 中性色 - 保持低饱和基调 */
  --neutral-white: #f9fafb;       /* 近白色背景 */
  --neutral-light: #e9ecef;       /* 浅灰 */
  --neutral-medium: #ced4da;      /* 中灰 */
  --neutral-dark: #495057;        /* 深灰 */
  --neutral-black: #212529;       /* 近黑色 */
  
  /* 状态色 - 基于莫兰迪色系调整 */
  --status-success: #6b9273;      /* 成功 - 灰绿色 */
  --status-warning: #d4b876;      /* 警告 - 土黄色 */
  --status-warning-active: #d48806; /* 手动计算 10% 加深 */
  --status-error: #c47a7a;        /* 错误 - 砖红色 */
  --status-info: #7a9bb5;         /* 信息 - 同主色 */
}

/* 全局字体大小配置 */
:root {
  /* 基础字体大小 - 设计稿基准值（px） */
  --base-font-size: 16;
  
  /* 移动端常用字体大小（upx） */
  --font-size-xs: 24upx;          /* 超小字体 - 用于提示、辅助信息 */
  --font-size-sm: 28upx;          /* 小字体 - 用于次要文本、标签 */
  --font-size-base: 32upx;        /* 基础字体 - 用于正文、普通按钮 */
  --font-size-lg: 36upx;          /* 大字体 - 用于标题、导航栏 */
  --font-size-xl: 40upx;          /* 超大字体 - 用于主标题、强调内容 */
  --font-size-xxl: 48upx;         /* 特大字体 - 用于页面标题、重要信息 */
  
  /* 字体粗细 */
  --font-weight-light: 300;       /* 细体 */
  --font-weight-normal: 400;      /* 正常 */
  --font-weight-bold: 600;        /* 粗体 */
  --font-weight-bolder: 700;      /* 更粗 */
}

/* 行为相关颜色 - 映射到uni-app标准变量 */
$uni-color-primary: var(--primary-morandi);
$uni-color-success: var(--status-success);
$uni-color-warning: var(--status-warning);
$uni-color-error: var(--status-error);
$uni-color-info: var(--status-info);

/* 文字基本颜色 */
$uni-text-color: var(--neutral-black);         //基本色
$uni-text-color-inverse: var(--neutral-white); //反色
$uni-text-color-grey: var(--neutral-medium);   //辅助灰色
$uni-text-color-placeholder: var(--neutral-light);
$uni-text-color-disable: var(--neutral-medium);

/* 背景颜色 */
$uni-bg-color: var(--neutral-white);
$uni-bg-color-grey: var(--neutral-light);
$uni-bg-color-hover: var(--neutral-medium);    //点击状态颜色
$uni-bg-color-mask: rgba(33, 37, 41, 0.4);     //遮罩颜色

/* 边框颜色 */
$uni-border-color: var(--neutral-light);

/* 自定义组件主题色 - 以课表为例 */
$timetable-header-bg: linear-gradient(to right, var(--primary-morandi), var(--primary-dark));
$action-btn-bg: rgba(255, 255, 255, 0.2);
$course-card-bg: var(--neutral-white);
$course-active-bg: var(--primary-morandi);

/* 字体大小映射到uni-app标准变量 */
$uni-font-size-xs: var(--font-size-xs);
$uni-font-size-sm: var(--font-size-sm);
$uni-font-size-base: var(--font-size-base);
$uni-font-size-lg: var(--font-size-lg);
$uni-font-size-xl: var(--font-size-xl);

/* 字体粗细映射 */
$uni-font-weight-light: var(--font-weight-light);
$uni-font-weight-normal: var(--font-weight-normal);
$uni-font-weight-bold: var(--font-weight-bold);